草庐IT

ionic 导航

全部标签

javascript - Uncaught Error : [$injector:unpr] Unknown provider Ionic Framework/AngularJS

在localstoragetutorialontheIonicblog之后,我试图在我的Ionic应用程序运行时设置/获取localStorage值,但我收到错误消息:UncaughtError:[$injector:unpr]Unknownprovider:$localstorageProvider我的app.js代码:angular.module('starter',['ionic','starter.controllers','starter.services']).run(function($ionicPlatform,$localstorage){$ionicPlatform

javascript - 如何使元素的高度等于 Ionic 中的宽度?

我正在使用Ionic制作一个应用程序,我想要一个方形图像作为背景。图像需要针对不同的分辨率进行缩放;我希望它填满设备的宽度,然后在保持纵横比的同时在该宽度上保持高。我尝试添加一个指令来计算要设置的正确高度,但我无法让它做任何事情,它似乎根本没有被调用。HTML{{card.name}}CSS#card{background-image:url("/img/education.png");background-size:100%100%;width:100%;}Javascript(controllers.js).directive("card",function($scope){con

javascript - 集中导航的简洁设计?

上下文单页/ajax网络应用基本代码结构LocationManager(负责更新浏览器哈希并将应用程序位置切换到不同的磁贴)页面/磁贴流基本信息>家庭信息>车辆信息>购买选项>查看订单>输入付款并提交问题当用户从PurchaseOptions导航到ReviewOrder时,会进行长时间(5-8秒)的服务调用以计算订单详细信息。在调用解决后,回调旨在将用户导航到查看订单页面。问题是,如果用户在那段时间点击返回并返回到家庭信息,一旦调用解决,他们将“自动”进入审查订单。非常尴尬的用户体验。限制取消通话不是一种选择。需要一个解决方案来处理导航。当前提议的实现在调用calculateOrder

javascript - 为什么 Ionic 2 构建如此之大,即使对于小型/空白应用程序也是如此?

所以我是Ionic的新手,可能会遗漏一些东西。但是我像这样启动了一个新的空白应用程序:ionicstartBlankApp--v2blank然后添加浏览器平台:cordova平台添加浏览器然后构建用于生产:ionic构建浏览器输出看起来像这样:>ionic-hello-world@ionic:buildC:\Work\ionic\BlankApp>ionic-app-scriptsbuildkeywordsif/then/elserequirev5option[17:56:25]ionic-app-scripts0.0.47[17:56:25]builddevstarted...[17

javascript - Ionic secure storage - 要求用户设置锁屏

我正在尝试初始化安全存储插件。如果失败,则意味着用户没有设置安全锁屏。使用github页面,我正在尝试重新创建提供的示例:varss;var_init=function(){ss=newcordova.plugins.SecureStorage(function(){console.log('OK');},function(){navigator.notification.alert('Pleaseenablethescreenlockonyourdevice.Thisappcannotoperatesecurelywithoutit.',function(){ss.secureDev

javascript - Firefox 中 Flash 顶部的 CSS/JavaScript 导航菜单

我的网站有一个用CSS和JavaScript构建的下拉菜单,它会在Flash动画上下拉。在IE(6&7)中,下拉菜单位于Flash动画上方,而在Firefox(2&3)中,菜单出现在Flash动画下方。有什么方法可以让这个动态菜单在Firefox中通过Flash流动吗?在IE7中菜单出现在Flash上:在Firefox中,菜单出现在Flash下:(我该如何解决这个问题?!) 最佳答案 尝试将wmode设置为透明-参见here 关于javascript-Firefox中Flash顶部的CS

javascript - 通过 AJAX 在 Wordpress 中动态更改导航链接(下一个和上一个)

在single.php的循环中,我有一个选择标签,其中的选项是通过自定义查询返回的当前类别的帖子。在更改所选选项时,我有许多运行良好的javascript函数,但其​​中最后一个函数(functionf_next-previous)似乎不起作用。此功能的目的是在不重新加载页面的情况下更新下一个和上一个链接。这是模板中导航链接(下一个和上一个)的代码:');?>');?>这个函数的javascript代码是:functionf_next-previous(id){$.ajax({cache:true,type:"GET",timeout:5000,url:'wp-content/them

javascript - 如何在 Ionic 2 TypeScript 项目中包含外部 Javascript 库?

我使用Ionic2、Angular2和TypeScript构建了一个Ionic项目来稍微测试一下框架。我需要在我的项目中包含一个外部库(ntc.js),因为我需要它来命名十六进制颜色。我知道在TypeScript中包含一个Javascript库应该可以,因为在JS中有效的东西在TS中也有效。我只是不想以错误的方式包含它。我试图将库添加到www/build/js,但它似乎不起作用,而且这似乎不是执行此操作的好方法。我试图寻找方法来做到这一点,但一无所获(可能是因为Angular2和Ionic2还很新鲜)。类似的东西:import*asntcfrom'../../js/ntc';似乎效果不

javascript - Ionic 3 压缩图像

我已经尝试使用Ionic3在客户端压缩图像2天了。我试过:ng2-img-max-使用blue-imp-canvas-to-blobcanvas.toBlob()时抛出错误方法(ng2-img-max的依赖项)。它只是告诉我错误发生在哪一行。我想我已经读过在Ionic中创建HTMLCanvasElement是不可能的-这与webworkers有关。Ahdin-JS库JIC-JS库TinyJPG-npm模块这些都引发了各种错误,在研究它们之后我确定这是因为库/模块与Ionic3不兼容。我认为很多时候这是HTMLCanvasElement的问题。我尝试了this中的建议问题-但更改qual

javascript - 单击导航 slider 时,有没有办法禁用自动滚动的光滑 slider ?

我需要使用slidersyncing功能(可以在这里看到http://kenwheeler.github.io/slick/当你向下滚动一点时),但是,正如我们所看到的,当你点击导航幻灯片时,整个导航会进一步自动滑动,我想禁用此功能以便主幻灯片发生变化,但导航保持在同一级别,直到我单击next或previous箭头。是否有相应的设置,或者我是否必须更改核心才能实现此目的?jsfiddlehttp://jsfiddle.net/9kp36e09/-所以现在如果你点击导航,它会滚动,我想禁用滚动。 最佳答案 好吧,它不在文档中,但我通过